<template>
	<view :style="'width:'+styleObj['width']+';height:'+styleObj['height']+';border-radius:'+styleObj['borderRadius']">
		<swiper
			:style="'width:'+styleObj['width']+';height:'+styleObj['height']+';border-radius:'+styleObj['borderRadius']"
			autoplay="true" indicator-dots="true" indicator-color="#999" indicator-active-color="#fff">
			<swiper-item
				:style="'width:'+styleObj['width']+';height:'+styleObj['400rpx']+';border-radius:'+styleObj['borderRadius']"
				:item-id="item.id" v-for="(item,index) in list" :key="item.id">
				<image mode="widthFix"
					:style="'width:'+styleObj['width']+';height:'+styleObj['height']+';border-radius:'+styleObj['borderRadius']"
					:src="item.imgUrl"></image>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	export default {
		name: 'Swiper',
		props: {
			styleObj: {
				type: Object,
				default () {
					return {
						width: '100%',
						height: '100%',
						borderRadius: '20rpx'
					}
				}
			},
			list: Array
		},
		data() {
			return {

			}
		}
	}
</script>

<style lang="scss">

</style>
